<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>佑三软膏-首页</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>

<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt=""></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="javascript:;" class="active">首页</a></li>
                <li><a href="buy.html">在线购买</a></li>
                <li><a href="cases.html">佑三案例</a></li>
                <li><a href="about.html">关于佑三</a></li>
                <li><a href="join.html">佑三加盟</a></li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div>
</nav>

<section class="banner top-nav">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="images/banner1.jpg" alt="">
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <img src="images/banner2.jpg" alt="">
                <div class="carousel-caption"></div>
            </div>
            <div class="item">
                <img src="images/banner3.jpg" alt="">
                <div class="carousel-caption"></div>
            </div>
        </div>
        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="banner-nav nav-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="banner-nav nav-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</section>

<section class="block blockOne">
    <div class="container">
        <div class="row">
            <div class="col-md-3"></div>
            <div class="col-md-6 text-center">
                <h2>您身边的激活免疫力专家</h2>
                <p class="title-b">健康产品应该积极调动、提高、利用人体天然的防御和自愈能力，而不是外力取代。</p>
            </div>
            <div class="col-md-3"></div>
        </div>
        <div class="row">
            <div class="col-sm-6 col-md-3">
                <div class="blockOne-hov">
                    <i class="blockOne-icon safe"></i>
                    <h3>绝对安全</h3>
                    <p>世界上唯一一款用发明人躯体做实验而研发而成的产品。51年专业研究，世界首创。</p>
                </div>
            </div>
            <div class="col-sm-6 col-md-3">
                <div class="blockOne-hov">
                    <i class="blockOne-icon nature"></i>
                    <h3>纯天然</h3>
                    <p>经过208项药物检测，纯天然，无任何化学添加成分，绝对安全。激活促进人体智能自我调整，达到“牵一发，而动全身”，“不药而愈”的效果。</p>
                </div>
            </div>
            <div class="col-sm-6 col-md-3">
                <div class="blockOne-hov">
                    <i class="blockOne-icon recuperate"></i>
                    <h3>内症外调</h3>
                    <p>不走肠和胃，不伤肝和肾，对身体器官绝对安全。通过皮肤就能激活人体天然防御力。半个世纪的检验，万千家庭的实践。</p>
                </div>
            </div>
            <div class="col-sm-6 col-md-3">
                <div class="blockOne-hov">
                    <i class="blockOne-icon protect"></i>
                    <h3>激活免疫力</h3>
                    <p>一涂  二搓  三 康 健，涂抹后瞬间提升免疫力，血清溶菌酶含量提高2.01-2.88倍，提升吞噬细胞吞噬率1.97-2.61倍</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="block blockTwo">
    <div class="container">
        <div class="row">
            <div class="col-md-3"></div>
            <div class="col-md-6 text-center">
                <h2>视频介绍</h2>
                <p class="title-b">世界首创，通过激活皮肤就可以调动免疫功能。</p>
            </div>
            <div class="col-md-3"></div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-3">
                <div class="videoBox">
                    <!--<i class="blockTwo-icon blue3"></i>-->
                    <!--<h3>一膏多用</h3>-->
                    <div class="play">
                        <a href="http://player.youku.com/player.php/Type/Folder/Fid/20910850/Ob/1/sid/XNjgwMTE2MDIw/v.swf" target="_blank" id="videoPic1" data-toggle="modal" data-target="#myModal">
                            <img src="images/product-pic2.jpg" alt="">
                            <span class="play-icon"></span>
                        </a>
                    </div>
                    <p>深切缅怀王佑三先生逝世十周年追思活动纪实</p>
                </div>
            </div>
            <div class="col-sm-12 col-md-3">
                <div class="videoBox">
            <!--<i class="blockTwo-icon blue2"></i>-->
            <!--<h3>世界首创</h3>-->
                <div class="play">
                    <a href="http://player.youku.com/player.php/sid/XNjc5MDM0NDQ0/v.swf" target="_blank" id="videoPic2" data-toggle="modal" data-target="#myModal">
                        <img src="images/product-pic2.jpg" alt="">
                        <span class="play-icon"></span>
                    </a>
                </div>
                <p>顶天立地5＋2手法视频</p>
                </div>
            </div>
            <div class="col-sm-12 col-md-3">
                <div class="videoBox">
                    <!--<i class="blockTwo-icon blue1"></i>-->
                    <!--<h3>佑三药膏</h3>-->
                    <div class="play">
                        <a href="http://player.youku.com/player.php/Type/Folder/Fid/20910850/Ob/1/sid/XNjgwMTE2MDIw/v.swf" target="_blank" id="videoPic3" data-toggle="modal" data-target="#myModal">
                            <img src="images/product-pic2.jpg" alt="">
                            <span class="play-icon"></span>
                        </a>
                    </div>
                    <p>《大医佑三》纪录片</p>
                </div>
            </div>
            <div class="col-sm-12 col-md-3">
                <div class="videoBox">
                    <!--<i class="blockTwo-icon blue3"></i>-->
                    <!--<h3>一膏多用</h3>-->
                    <div class="play">
                        <a href="http://player.youku.com/player.php/Type/Folder/Fid/20910850/Ob/1/sid/XNjgwMTE2MDIw/v.swf" id="videoPic4" target="_blank" data-toggle="modal" data-target="#myModal">
                            <img src="images/product-pic2.jpg" alt="">
                            <span class="play-icon"></span>
                        </a>
                    </div>
                    <p>南阳采风报道医道奇才王佑三</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="block blockThree">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-3"></div>
            <div class="col-md-6 text-center">
                <h2>佑三系列产品在线购买</h2>
                <p class="title-b">安全、实效、健康</p>
            </div>
            <div class="col-md-3"></div>
        </div>
        <div class="row">
            <div class="col-sm-6 col-md-3 picture">
                <div class="pic-hov">
                    <img src="images/product-pic6.jpg" alt="">
                    <p class="pic-text">佑三护理膏</p>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 picture">
                <div class="pic-hov">
                    <img src="images/product-pic7.jpg" alt="">
                    <p class="pic-text">佑元口服液</p>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 picture">
                <div class="pic-hov">
                    <img src="images/product-pic3.jpg" alt="">
                    <p class="pic-text">亿化源活性亲肤露</p>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 picture">
                <div class="pic-hov">
                    <img src="images/product-pic4.jpg" alt="">
                    <p class="pic-text">亿化源活性美颜霜</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6 col-md-3 picture">
                <div class="pic-hov">
                    <img src="images/product-pic5.jpg" alt="">
                    <p class="pic-text">亿化源活性洗面奶</p>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 picture">
                <div class="pic-hov">
                    <img src="images/product-pic1.jpg" alt="">
                    <p class="pic-text">畅怡私护—女性私御养护</p>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 picture">
                <div class="pic-hov">
                    <img src="images/product-pic2.jpg" alt="">
                    <p class="pic-text">畅怡私护—前列腺养护</p>
                </div>
            </div>
            <div class="col-sm-6 col-md-3 picture">
                <div class="pic-hov">
                    <img src="images/product-pic8.jpg" alt="">
                    <p class="pic-text">亿化源紧致抗皱眼霜</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="block contact">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-4">
                <div class="">
                    <h3>联系我们</h3>
                    <p><i class="contact-icon place"></i>提升吞噬细胞吞噬率1.97-2.61倍。</p>
                    <p><i class="contact-icon email"></i>提升吞噬细胞吞噬率1.97-2.61倍。</p>
                    <p><i class="contact-icon phone"></i>提升吞噬细胞吞噬率1.97-2.61倍。</p>
                </div>
            </div>
            <div class="col-sm-12 col-md-3 col-md-offset-1">
                <div class="foot-menu">
                    <h3><a href="index.html">首页</a></h3>
                    <p><a href="">在线购买</a></p>
                    <p><a href="">佑三案例</a></p>
                    <p><a href="">关于佑三</a></p>
                    <p><a href="">佑三加盟</a></p>
                </div>
            </div>
            <div class="col-sm-12 col-md-2 col-md-offset-2">
                <div class="">
                    <h3>微信二维码</h3>
                    <p class="weChat"><img src="images/product-pic1.jpg" alt=""></p>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="foot">
    <div class="container">
        <p class="foot-text">京ICP备2333333号-1@隶属北京某某某有限公司</p>
    </div>
</div>

<a href="javascript:;" id="goTop" class="goTop"></a>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">视频播放</h4>
            </div>
            <div class="modal-body" id="modal-body"></div>
        </div>
    </div>
</div>
</body>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/player/ck.js"></script>
<script src="js/common.js"></script>
<script>
    $(function () {
        $('.carousel').carousel({
            interval: 4000,
            pause:'hover',
            warp:true
        });
        //
        $('.pic-hov').hover(function () {
            $(this).find('.pic-text').fadeIn().css('bottom','0');
        },function () {
            $(this).find('.pic-text').fadeOut().css('bottom','-58px');
        });
        //
//        C.K({p:0,a:"XMjYzMjI3MTIwNA==",x:"/player/ckplayer_fufu.xml"},"myvideo0");
        //
        $('.play>a').click(function () {
            $('#modal-body').html('<embed src="'+$(this).attr("href")+'" quality="high" width="100%" height="400px" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash"></embed>');
        })

    })
</script>
</html>